div,
a,
span,
li,
ul,
ol,
body,
dl,
dd,
dt,
input,
textarea,
form,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
body {
  width: 100%;
  font-size: .16rem;
  font-family: 'PingFangSC-Regular', serif;
  -webkit-text-size-adjust: none;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
  color: #000000;
}
.clearfix:after {
  content: "";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  display: block;
}
em,
i,
font {
  font-style: normal;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
}
.public-header {
  justify-content: space-between;
  padding: 0 .12rem;
  height: .44rem;
  align-items: center;
  background: #fff;
}
.public-header .public-header-left-search {
  width: .158rem;
  height: .16rem;
  background-size: contain;
  color: transparent;
}
.public-header .public-header-left-back {
  width: .09rem;
  height: .16rem;
  background-size: contain;
  color: transparent;
}
.public-header .public-header-center {
  flex: 1;
  text-align: center;
  font-size: .17rem;
  color: transparent;
}
.public-header .public-header-right {
  font-size: .12rem;
  color: #121212;
}
.public-footer {
  height: .49rem;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: .1rem;
  color: rgba(18, 18, 18, 0.4);
  justify-content: space-around;
  align-items: center;
  text-align: center;
}
.public-footer span {
  display: block;
  width: .24rem;
  margin: 0 auto;
  height: .24rem;
}
.public-footer .button-1 span {
  background: url(../img/首页@2x.png) no-repeat center;
  background-size: contain;
}
.public-footer .button-1.active {
  color: #5f3104;
}
.public-footer .button-1.active span {
  background: url('../img/首页 01@2x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-2 span {
  background: url('../img/分类 02@2x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-2.active {
  color: #5f3104;
}
.public-footer .button-2.active span {
  background: url('../img/分类 01@2x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-3 span {
  background: url('../img/发现 02@2x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-3.active {
  color: #5f3104;
}
.public-footer .button-3.active span {
  background: url('../img/发现 01@3x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-4 span {
  background: url('../img/我的 02@2x.png') no-repeat center;
  background-size: contain;
}
.public-footer .button-4.active {
  color: #5f3104;
}
.public-footer .button-4.active span {
  background: url('../img/我的 01@2x.png') no-repeat center;
  background-size: contain;
}
.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
